<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Article Deck</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel="stylesheet" href="../css/style22.css">
    <link rel="stylesheet" href="../css/style33.css">
    <link rel="stylesheet" href="../css/style1.css">
    <style type="text/css">
        h1{text-align:center;}
        .center {
            position: absolute;
            left: 42%;
        }
        body {
            background: url(../images/bac1.jpg);
        }
    </style>
</head>
<body>
<!-- <img width="100%" height="100%" src="../img/img1.jpg" style="position:absolute; left:0; top:0; z-index:-1;"/> -->
<!-- partial:index.partial.html -->
<%String path = request.getContextPath();%>
<h1>选择你的量表</h1>
<div class="container ">
    <c:forEach var="me" items="${fileNameMap}">
        <c:url value="DOWN" var="downurl">
            <c:param name="filename" value="${me.key}"></c:param>
        </c:url>
        <div class="card" style="--cards:3;">
            <div class="child">
                <h2><a href="start">${me.value}</a></h2>
                <p><a href="${downurl}">下载</a></p>
            </div>
            <div class="child"></div>
        </div>
    </c:forEach>
</div>

<!-- partial -->
<button class="btn-3 center" onclick="jump()">
    返回首页
</button>
<script type="text/javascript">
    function jump() {
        window.location = "title"
    }
</script>
</body>
</html>